

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="/playground/demo/style.css">
    <link rel="stylesheet" href="core.css">
    <meta name="robots" content="noindex, nofollow">
    <title>Build A Simple Tabbed Menu - Demo</title>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
    <script src="/playground/demo/tweet_to_enter/jquery.tweetToEnter.js"></script>
    <script src="core.js"></script>

    <style>
        nav {
            font-family: arial, sans-serif;
            position: relative;
            font-size:14px;
            color:#333;
            margin: 0px auto;
        }

        nav ul {
            list-style-type: none;
            border-bottom:4px solid #FFF;
            margin: 0;
        }

        nav ul li {
            float: left;
            position: relative;
            top:-38px;
        }

        nav ul li a {
            text-align: center;
            padding:10px 25px;
            display:block;
            text-decoration:none;
            color:#FFF;
            font-weight:bold;
            text-shadow:-1px 0px 0px #bbb;
            margin:0px 1px;
            background: #d1dfe8;
            background: -moz-linear-gradient(top, #d1dfe8 0%, #98c1d3 44%, #8ab9cd 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1dfe8), color-stop(44%,#98c1d3), color-stop(100%,#8ab9cd));
            background: -webkit-linear-gradient(top, #d1dfe8 0%,#98c1d3 44%,#8ab9cd 100%);
            background: -o-linear-gradient(top, #d1dfe8 0%,#98c1d3 44%,#8ab9cd 100%);
            background: -ms-linear-gradient(top, #d1dfe8 0%,#98c1d3 44%,#8ab9cd 100%);
            background: linear-gradient(top, #d1dfe8 0%,#98c1d3 44%,#8ab9cd 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1dfe8', endColorstr='#8ab9cd',GradientType=0 );
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            -moz-border-top-left-radius: 5px;
            -moz-border-top-right-radius: 5px;
            -webkit-border-top-left-radius: 5px;
            -webkit-border-top-right-radius: 5px;
        }

        nav ul li:hover > a {
            background:#FFF;
            color:#333;
            text-shadow:none;
        }

        nav ul li ul {
            display: none
        }

        nav ul li:hover ul {
            display: block;
            position: absolute;
            top:76px;
            left:-1px;
            padding:0;
            margin:0;
            width:auto;
            border:0;
        }

        nav ul li:hover ul li a {
            display:block;
            background:#FFF;
            color:#333;
            text-align: center;
            border: 1px solid #999;
            border-top: none;
            border-radius: 0;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            font-weight:normal;
            width:120px;
        }

        nav ul li:hover ul li a:hover, nav ul li a:hover {
            background:#FFF;
            color:#333;
        }
    </style>

</head>
<body>



    <div class="grid_24 ui-widget infoBoxContainer">
        <!--  <div class="ui-widget-header infoBoxHeading">--><!--</div>-->
        <div class="ui-widget infoBoxContainer menu">
            <div class="ui-widget-content infoBoxContents mainmenu">
                <ul class='mainmenu_1'>
                    <li class=mainmenu_2'>
                    <a href=http://localhost/oscommerce-2.3.3/index.php?cPath=1>Hardware</a>
                    <ul class='mainmenu_2'><li class=mainmenu_3'><a href=http://localhost/oscommerce-2.3.3/index.php?cPath=17>CDROM Drives</a><ul class='mainmenu_3'></ul><li class=mainmenu_3'><a href=http://localhost/oscommerce-2.3.3/index.php?cPath=4>Graphics Cards</a><ul class='mainmenu_3'></ul><li class=mainmenu_3'><a href=http://localhost/oscommerce-2.3.3/index.php?cPath=8>Keyboards</a><ul class='mainmenu_3'></ul><li class=mainmenu_3'><a href=http://localhost/oscommerce-2.3.3/index.php?cPath=16>Memory</a><ul class='mainmenu_3'></ul><li class=mainmenu_3'><a href=http://localhost/oscommerce-2.3.3/index.php?cPath=9>Mice</a><ul class='mainmenu_3'></ul><li class=mainmenu_3'><a href=http://localhost/oscommerce-2.3.3/index.php?cPath=6>Monitors</a><ul class='mainmenu_3'></ul><li class=mainmenu_3'><a href=http://localhost/oscommerce-2.3.3/index.php?cPath=5>Printers</a><ul class='mainmenu_3'></ul><li class=mainmenu_3'><a href=http://localhost/oscommerce-2.3.3/index.php?cPath=7>Speakers</a><ul class='mainmenu_3'></ul></ul><li class=mainmenu_2'><a href=http://localhost/oscommerce-2.3.3/index.php?cPath=2>Software</a><ul class='mainmenu_2'><li class=mainmenu_3'><a href=http://localhost/oscommerce-2.3.3/index.php?cPath=19>Action</a><ul class='mainmenu_3'></ul><li class=mainmenu_3'><a href=http://localhost/oscommerce-2.3.3/index.php?cPath=18>Simulation</a><ul class='mainmenu_3'></ul><li class=mainmenu_3'><a href=http://localhost/oscommerce-2.3.3/index.php?cPath=20>Strategy</a><ul class='mainmenu_3'></ul></ul><li class=mainmenu_2'><a href=http://localhost/oscommerce-2.3.3/index.php?cPath=3>DVD Movies</a><ul class='mainmenu_2'><li class=mainmenu_3'><a href=http://localhost/oscommerce-2.3.3/index.php?cPath=10>Action</a><ul class='mainmenu_3'></ul><li class=mainmenu_3'><a href=http://localhost/oscommerce-2.3.3/index.php?cPath=13>Cartoons</a><ul class='mainmenu_3'></ul><li class=mainmenu_3'><a href=http://localhost/oscommerce-2.3.3/index.php?cPath=12>Comedy</a><ul class='mainmenu_3'></ul><li class=mainmenu_3'><a href=http://localhost/oscommerce-2.3.3/index.php?cPath=15>Drama</a><ul class='mainmenu_3'></ul><li class=mainmenu_3'><a href=http://localhost/oscommerce-2.3.3/index.php?cPath=11>Science Fiction</a><ul class='mainmenu_3'></ul><li class=mainmenu_3'><a href=http://localhost/oscommerce-2.3.3/index.php?cPath=14>Thriller</a><ul class='mainmenu_3'></ul></ul><li class=mainmenu_2'><a href=http://localhost/oscommerce-2.3.3/index.php?cPath=21>Gadgets</a><ul class='mainmenu_2'></ul></ul></div></div></div>

        </div>
    </div>



</body>
</html>